.appts-reg {
  width: 100%;
  height: calc(100%);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  position: relative;
  .next{
    position: absolute;
    top: 0;
    right: 0;
    font-size: 40px;
    z-index: 9999;
  }

  .el-row{
    height: 100%;
    padding: 0 28px;
    box-sizing: border-box;
  }

  .biz-item{
    text-align: center;
    padding-bottom: 32px;
    box-sizing: border-box;
  }

  .biz-item-inside{
    display: flex;
    height: 332px;
    box-sizing: border-box;
    flex-direction: column;
    align-items: center;
    align-self: center;
    justify-content: center;
    border-radius: 28px;
    overflow: hidden;
    .info-wrap{
      width: 100%;
      height: 100%;
      padding: 20px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      align-self: center;
      justify-content: center;
      background: linear-gradient( 180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 100%);
    }
    p{
      color: rgba(255, 255, 255,1);
    }

    .icon{
      width: 130px;
      height: 130px;
      @include background('design/1-37×2')
    }

    .name{
      color: #BC6C15;
      font-size: 70px;
      padding-top: 36px;
    }
  }

  .reservation-info{
    @include background('design/1-37×2-1');

    .icon{
      width: 130px;
      height: 130px;
      @include background('design/1-37×2')
    }
    .name{
      color: #BC6C15;
    }
  }
  .register-register{
    @include background('design/1-38×2-1');
    .icon{
      width: 130px;
      height: 130px;
      @include background('design/1-38×2')
    }
    .name{
      color: #3E4F95;
    }
  }

  .takeNumber-info{
    @include background('design/1-39×2-1');
    .icon{
      width: 130px;
      height: 130px;
      @include background('design/1-39×2')
    }
    .name{
      color: #076796;
    }
  }
}